<template>
	<view class="newMyInfo">
		<view class="newMyInfo-card">
			<image src="https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0" mode=""></image>
			<view class="newMyInfo-info">
				<view class="newMyInfo-info-name">小仙女</view>
				<view class="newMyInfo-info-position">
					<text>入职时间:2020-5-20</text>
					<text>已入职:45天</text>
					<text>工号:188</text>
				</view>
				<view class="newMyInfo-info-department">
					<view>岗位:</view>
					<view>部门:</view>
					<view>部门上级:</view>
					<view>人事上级:</view>
				</view>
			</view>
		</view>
		
		<view class="newMyInfo-list">
			<view>
				<uni-icons type="cart" size="28"></uni-icons>
				<view>岗位</view>
			</view>
			<view>
				 <uni-icons type="videocam" size="28"></uni-icons>
				<view>岗位</view>
			</view>
			<view>
				 <uni-icons type="chatboxes" size="28"></uni-icons>
				<view>岗位</view>
			</view>
			<view>
				<uni-icons type="heart" size="28"></uni-icons>
				<view>岗位</view>
			</view>
		</view>
		
		<view class="newMyInfo-function">
			<view class="newMyInfo-function-list">
				<view class="newMyInfo-function-list-item">
					<!-- <image src="../../static/message.png" mode=""></image> -->
					<view>我的钱包</view>
				</view>
				<image src="../../static/greater.png" mode=""></image>
			</view>
			<view class="newMyInfo-function-list">
				<view class="newMyInfo-function-list-item">
					<image src="../../static/my.png" mode=""></image>
					<view>我的钱包</view>
				</view>
				<image src="../../static/greater.png" mode=""></image>
			</view>
			<view class="newMyInfo-function-list">
				<view class="newMyInfo-function-list-item">
					<image src="../../static/play.png" mode=""></image>
					<view>我的钱包</view>
				</view>
				<image src="../../static/greater.png" mode=""></image>
			</view>
			<view class="newMyInfo-function-list">
				<view class="newMyInfo-function-list-item">
					<image src="../../static/record.png" mode=""></image>
					<view>我的钱包</view>
				</view>
				<image src="../../static/greater.png" mode=""></image>
			</view>
			<view class="newMyInfo-function-list">
				<view class="newMyInfo-function-list-item">
					<image src="../../static/square.png" mode=""></image>
					<view>我的钱包</view>
				</view>
				<image src="../../static/greater.png" mode=""></image>
			</view>
			<view class="newMyInfo-function-list">
				<view class="newMyInfo-function-list-item">
					<image src="../../static/collect.png" mode=""></image>
					<view>我的钱包</view>
				</view>
				<image src="../../static/greater.png" mode=""></image>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page {
	background-color: #f7f7f7;
}
</style>
<style scoped lang='scss'>
.newMyInfo{
	padding: 25rpx;
}
.newMyInfo-card{
	background-color: #633d28;
	border-radius: 25rpx;
	padding: 30rpx 20rpx;
	margin-top: 20rpx;
	display: flex;
	image{
		width: 90rpx;
		height: 90rpx;
		margin: 15rpx;
	}
}
.newMyInfo-info{
	margin: 15rpx;
	color: #c6774d;
	font-size: 24rpx
}
.newMyInfo-info-name{
	font-size: 30rpx;
	font-weight: 600;
}
.newMyInfo-info-position{
	margin: 15rpx 0;
	text{
		padding-right:20rpx;
	}
}
.newMyInfo-info-department{
	display: flex;
	flex-wrap: wrap;
	>view{
		width: 50%;
		margin: 5rpx 0;
	}
}
.newMyInfo-list{
	display: flex;
	text-align: center;
	margin: 40rpx 0;
	>view{
		width: 25%;
		font-size: 26rpx;
		font-weight: 600;
		>image{
			width: 50rpx;
			height: 50rpx;
		}
	}
}
.newMyInfo-function{
	padding: 15rpx;
	border-radius: 20rpx;
	background-color: #ffffff;
}
.newMyInfo-function-list{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30rpx 10rpx;
	>image{
		width: 30rpx;
		height: 40rpx;
	}
}
.newMyInfo-function-list-item{
	display: flex;
	align-items: center;
	font-weight: 600;
	>image{
		width: 40rpx;
		height: 40rpx;
		margin-right: 20rpx;
	}
}
</style>